<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Security Clearance | ONLYTUBE Access</title>
  <meta name="description" content="Launch your projects on fast cloud hosting.">
  <meta name="keywords" content="Cloud Hosting, Dedicated Servers, Managed VPS">
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
  
  <style>
    :root { --primary-red: #ff0032; --glass-bg: rgba(255, 255, 255, 0.03); --glass-border: rgba(255, 255, 255, 0.1); --text-muted: #b0b0b0; }
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { background: radial-gradient(circle at center, #1a1a1a 0%, #000 100%); color: #fff; font-family: 'Poppins', sans-serif; height: 100vh; display: flex; justify-content: center; align-items: center; overflow: hidden; }
    body::before { content: ""; position: absolute; width: 400px; height: 400px; background: var(--primary-red); filter: blur(180px); opacity: 0.12; z-index: 0; top: 20%; left: 20%; pointer-events: none; }

    .container { 
      position: relative; z-index: 10; background: var(--glass-bg); 
      backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); 
      padding: 45px 25px; border-radius: 28px; 
      width: 95%; max-width: 440px;
      text-align: center; border: 1px solid var(--glass-border); 
      box-shadow: 0 25px 50px rgba(0,0,0,0.8); 
    }

    @media (min-width: 768px) {
      .container { max-width: 520px; } 
    }

    .logo { font-size: 28px; font-weight: 700; letter-spacing: -1px; margin-bottom: 25px; }
    .logo span { color: var(--primary-red); text-shadow: 0 0 15px rgba(255, 0, 50, 0.5); }

    h2 { font-size: 22px; font-weight: 600; margin-bottom: 12px; }
    p { font-size: 14px; color: var(--text-muted); line-height: 1.6; margin-bottom: 30px; }

    .btn { width: 100%; padding: 18px; font-size: 15px; font-weight: 700; border-radius: 14px; cursor: pointer; border: none; transition: 0.3s; text-transform: uppercase; letter-spacing: 1px; position: relative; z-index: 30; }
    .btn-red { background: linear-gradient(135deg, #ff0032 0%, #9d001f 100%); color: white; box-shadow: 0 10px 20px rgba(255, 0, 50, 0.3); }
    .btn-red:hover { transform: translateY(-2px); box-shadow: 0 15px 30px rgba(255, 0, 50, 0.5); }

    #step-2, #loader-ui { display: none; }
    .spinner { border: 3px solid rgba(255, 0, 50, 0.1); border-top: 3px solid var(--primary-red); border-radius: 50%; width: 40px; height: 40px; margin: 0 auto 15px; animation: spin 0.8s linear infinite; }
    @keyframes spin { to { transform: rotate(360deg); } }

    .ad-container { 
      margin-top: 30px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.05); 
      min-height: 60px; display: flex; justify-content: center; align-items: center; 
      width: 100%; overflow: hidden;
    }
    @media (max-width: 768px) { .ad-container { min-height: 250px; } }

    #ab-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.98); z-index: 9999; justify-content: center; align-items: center; padding: 20px; }
    .ab-box { background: #111; border: 1px solid var(--primary-red); padding: 40px; border-radius: 20px; text-align: center; max-width: 360px; }
    .seo-footer { position: absolute; bottom: 0; opacity: 0.01; font-size: 8px; pointer-events: none; height: 1px; overflow: hidden; }
  </style>
</head>
<body>

  <div id="ab-overlay">
    <div class="ab-box">
      <h2 style="color:var(--primary-red); margin-bottom:15px;">ACCESS DENIED</h2>
      <p style="color:#888; margin-bottom:25px;">Please disable Adblock to proceed with the security verification protocol.</p>
      <button class="btn btn-red" onclick="location.reload()">REFRESH SYSTEM</button>
    </div>
  </div>

  <div class="container">
    <div class="logo"><span>ONLY</span>TUBE</div>
    
    <div id="step-1">
      <h2>Security Clearance</h2>
      <p>This content is restricted to viewers <b>18 years or older</b>.</p>
      <button class="btn btn-red" onclick="goStep2()">I am 18+ — Proceed</button>
    </div>

    <div id="step-2">
      <h2>Security Clearance</h2>
      <p>Do you agree to our secure access protocols and guidelines?</p>
      <button class="btn btn-red" onclick="goLoader()">I Agree — Unlock Vault</button>
    </div>

    <div id="loader-ui">
      <div class="spinner"></div>
      <div style="font-size: 13px; color: var(--text-muted);">Generating Secure Link... <span id="timer" style="color:var(--primary-red); font-weight:bold;">5</span>s</div>
    </div>
    
    <div class="ad-container">
      <script type="text/javascript" src="https://garudakrakatau.com/ads.js"></script>
    </div>
  </div>

  <div class="seo-footer">
    <h3>cloud_hosting Content Distribution 2026</h3>
    <p>Cloud infrastructure and dedicated server droplets ensure high uptime. Infrastructure managed via dedicated server droplets.</p>
  </div>

  <script>
    function goStep2() { document.getElementById('step-1').style.display = 'none'; document.getElementById('step-2').style.display = 'block'; }
    function goLoader() {
      document.getElementById('step-2').style.display = 'none';
      document.getElementById('loader-ui').style.display = 'block';
      let count = 5;
      const timer = setInterval(() => {
        count--; document.getElementById('timer').textContent = count;
        if (count <= 0) { clearInterval(timer); window.location.href = "https://garudakrakatau.com/go.php"; }
      }, 1000);
    }

    (function() {
      const R_TIMEOUT = 5000; const S_KEY = 'lp_rfr';
      window.addEventListener('load', function() {
        setTimeout(function() {
          const ad = document.querySelector('.ad-container iframe');
          const rfr = sessionStorage.getItem(S_KEY);
          if (!ad || ad.offsetHeight === 0) {
            if (!rfr) { sessionStorage.setItem(S_KEY, 't'); location.reload(); }
            else { document.getElementById('ab-overlay').style.display = 'flex'; }
          }
        }, R_TIMEOUT);
      });
    })();
  </script>

   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,5007403,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?5007403&101" alt="" border="0"></a></noscript>
<!-- Histats.com  END  -->
   <!-- Histats.com  START  (aync)-->
<script type="text/javascript">var _Hasync= _Hasync|| [];
_Hasync.push(['Histats.start', '1,4999893,4,0,0,0,00010000']);
_Hasync.push(['Histats.fasi', '1']);
_Hasync.push(['Histats.track_hits', '']);
(function() {
var hs = document.createElement('script'); hs.type = 'text/javascript'; hs.async = true;
hs.src = ('//s10.histats.com/js15_as.js');
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(hs);
})();</script>
<noscript><a href="/" target="_blank"><img  src="//sstatic1.histats.com/0.gif?4999893&101" alt="simple hit counter" border="0"></a></noscript>
<!-- Histats.com  END  -->
</body>
</html>